/*
  用法：
    <yl-button class="button" bind:click="onClick">默认按钮</yl-button>
  Props
    type                  按钮类型
    custom-style          自定义样式
  Events
    click                 点击事件
  Slot
    -                     文本内容
  外部样式类
*/
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    /**
      按钮类型：
      1.default 蓝底白字
      2.blue  蓝色边框，蓝色字，白底
      3.dray  灰边，黑字，白底
      4.disabled 灰底，白字
      5.blue-no-border 蓝字，白底，无边框
    */
    type: {
      type: String,
      value: "default",
    },
    // 是否显示loading
    loading: {
      type: Boolean,
      value: false,
    },
    // 自定义样式 示例：custom-style="color:#323233;"
    customStyle: {
      type: String,
      value: ''
    }
  },

  /**
   * 组件的初始数据
   */
  data: {},

  /**
   * 组件的方法列表
   */
  methods: {
    onClick(event) {
      this.triggerEvent("click", event.detail);
    },
  },
});
